const mxItem = require('../../behaviors/form/mx-item');

Component({
  options: {
    multipleSlots: true // 在组件定义时的选项中启用多 slot 支持
  },
  behaviors: ['wx://form-field', mxItem],
  properties: {
    /** 之所以将所有信息以对象的方式传入，是为了后面的数据验证 */
    props: {
      type: Object,
      observer(props) {
        this.setData({
          ...this.data, //默认值
          title: '选择' + props.label, //默认值
          placeholder: props.placeholder || '请选择' + props.label, //默认值
          ...props, //传入值
        });
      }
    },
    columns: {
      type: Object,
      value: {},
    },
  },
  data: {
    title: '',
    show: false,
    text: '',
  },
  methods: {
    /** 弹出选择框 */
    showPicker() {
      this.setData({
        show: true
      });
    },
    /** 取消选择框 */
    cancel: function () {
      this.setData({
        show: false
      });
    },
    /** 确认选择器 */
    confirm: function (e) {
      let region = e.detail.values;

      this.setData({
        show: false,
        text: region[0].name + region[1].name + region[2].name,
        value: region[2].code,
      });
    },
  },
})